<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <title>案件数据分析系统</title>
    <meta name="keywords" content="案件数据分析系统"/>
    <meta name="description" content="案件数据分析系统"/>
    <link rel="shortcut icon" href="favicon.ico"/>
    <style>
        .modal {
            z-index: 2050 !important;
        }
        .tabs-container{
            padding:10px 0px 5px 0px;
        }
        .tabs-container #nav_tab_ul{
            margin-bottom: 20px;
        }
    </style>
    <!-- 引入公共css -->
    <#include "/inc/header.ftl"/>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <p class="page-title">
                    <a href="javascript:history.go(-1)" class="btn btn-white btn-bitbucket">
                        <i class="fa fa-angle-left"></i>
                    </a>
                    区域详情
                </p>
                <input type="hidden" id="graphId" name="graphId"
                       value="${graphId!''}"
                       class="form-control"/>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="main-padding">

            <div class="row">
                <div class="ibox-content " style="border: none; margin-left: 19px;margin-top: -10px;">
                    <div class="btnBox">
                        <a href="/wb/map/graphAttr/create?graphId=${graphId!''}" class="btn btn-primary">新增/编辑</a>
                        <#--<a href="javascript:void(0)" id="${graphId!''}" class="btn btn-success margin-left-20 go-map-js">查看地图</a>-->
                    </div>

                </div>
            </div>

            <div class="tabs-container" style="padding:10px 0px 5px 0px">
                <ul id="nav_tab_ul" style="border: none" class="nav nav-tabs">
                    <li class="active" style="border: 1px solid #ccc;margin-left: 10px;margin-right: 10px;border-radius: 5px;"><a class="clue_btn" data-toggle="tab"
                                          href="#clue"
                                          aria-controls="clue"
                                          aria-expanded=" false"
                                          style="border: none;"> 线索/对象 </a>

                    </li>
                    <li style="border: 1px solid #ccc;margin-left: 10px;margin-right: 10px;border-radius: 5px;"><a class="case_btn" data-toggle="tab"
                           href="#case"
                           aria-controls="case"
                           aria-expanded="false"
                           style="border: none;"> 案件/对象 </a>
                    </li>
                    <li style="border: 1px solid #ccc;margin-left: 10px;margin-right: 10px;border-radius: 5px;"><a class="user_btn" data-toggle="tab"
                           href="#user"
                           aria-controls="user"
                           aria-expanded="false"
                           style="border: none;"> 人员 </a>
                    </li>
                </ul>
            </div>


            <div class="tab-content tab-content-item">
                <div role="clue" class="tab-pane active" id="clue">
                    <div class="row">
                        <div class="ibox-content ">
                            <div id="clueList">

                            </div>
                        </div>
                    </div>
                </div>
                <div role="case" class="tab-pane" id="case">
                    <div class="row">
                        <div class="ibox-content">
                            <div id="caseList">

                            </div>
                        </div>
                    </div>
                </div>
                <div role="user" class="tab-pane" id="user">
                    <div class="row">
                        <div class="ibox-content">
                            <div id="userList">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>
</div>

<!-- 引入公共js -->
<#include "/inc/footer.ftl"/>
<script src="/js/page/graph/detail.js"></script>

<div class="modal fade" id="clueModal" role="dialog" aria-labelledby="financeReceiptLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="width: 1000px;margin-left: -197px;margin-top: 100px;">
<#--            <div class="modal-header">-->
<#--                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>-->
<#--                <h4 class="modal-title text-center" id="financeReceiptLabel">请选择收款单</h4>-->
<#--            </div>-->
            <div class="modal-body">
                <div class="row">
                    <div class="ibox-content ">
                        <div class="table" id="clueTableList">
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<div class="modal fade" id="caseModal" role="dialog" aria-labelledby="financeReceiptLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="width: 1000px;margin-left: -197px;margin-top: 100px;">
            <#--            <div class="modal-header">-->
            <#--                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>-->
            <#--                <h4 class="modal-title text-center" id="financeReceiptLabel">请选择收款单</h4>-->
            <#--            </div>-->
            <div class="modal-body">
                <div class="row">
                    <div class="ibox-content ">
                        <div class="table" id="caseTableList">
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<div class="modal fade" id="familyModal" role="dialog" aria-labelledby="financeReceiptLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="width: 707px;margin-left: -18px;margin-top: 77px;">
            <#--            <div class="modal-header">-->
            <#--                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>-->
            <#--                <h4 class="modal-title text-center" id="financeReceiptLabel">请选择收款单</h4>-->
            <#--            </div>-->
            <div class="modal-body">
                <div class="row">
                    <div class="ibox-content ">
                        <div class="table" id="familyTableList">
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

</body>
</html>